<!DOCTYPE html>
<html>
  <head>
    <title>e03.html</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	
  	<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
  	<script type="text/javascript">
  		$(function(){
  			$('div').click(function(e){
  				alert('你点击了一个div');
  			});
  			$('a').click(function(e){
  				alert('你点击了一个连接');
  				e.stopPropagation();
  			});
  		});
  	</script>
  </head>
  <body>
  	<!-- 事件冒泡 -->
  	<!-- 什么是事件冒泡？子节点产生的事件会依次向上抛给父节点 -->
  	<div style="width:200px;height:200px;border:1px solid red;">
  		<a href="javascript:;">hello jQuery</a>
  	</div>
  </body>
</html>
